<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>__TITLE__</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="msapplication-tap-highlight" content="no">
		<meta content="telephone=no" name="format-detection">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="stylesheet" href="__PUBLIC__/assets/common/utuo/utuo-1.0.0.min.css"/>
        <style type="text/css">
        	.header{
        	    background-color: {$style.header-bgcolor};
        	    color: {$style.header-color};
        	}
        	.footer{
        	    background-color: {$style.footer-bgcolor};
        	    color: {$style.footer-color}
        	}
        	.footer a {
        	    color: {$style.footer-color};
        	}
        </style>
        <script src="__PUBLIC__/assets/common/libs/avalon/1.4.1/avalon.min.js"></script>
		<script type="text/javascript">
			require.config({
			    baseUrl: '__PUBLIC__/assets/',
			    paths: {
			        'font-awesome': 'http://cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css'
			    }
			})
		</script>
	</head>

	<body>
		{__CONTENT__}
	</body>

</html>

{:p($vars)}